{% extends 'ClotWebBundle:Default:index.html.twig' %}

{% set script_controller = 'auth/register' %}

{% block content %}

<div class="row row-6">
  	<div class="col-md-6 col-md-offset-3 ptl">
       	<div class="panel panel-default panel-page">
        <div class="panel-heading"><h2>Join Cloucer Now.</h2></div>
	        <form id="register-form" class="form-vertical" method="post" action="/register" novalidate="novalidate" data-widget-cid="widget-0">

	          <div class="form-group">
	            <label class="control-label required" for="full_name">Full name</label>
	            <div class="controls">
	              <input type="text" id="full_name" name="full_name" required="required" class="form-control input-sm" data-url="/register/email/check" data-widget-cid="widget-1" data-explain="What's your Full name?">
	              <p class="help-block">Type your first and last name.</p>
	            </div>
	          </div>

	          <div class="form-group">
	            <label class="control-label required" for="register_email">Email Address</label>
	            <div class="controls">
	              <input type="text" id="register_email" name="register[email]" required="required" class="form-control input-sm" data-url="/register/email/check" data-widget-cid="widget-1" data-explain="What's your Email Address?">
	              <p class="help-block">Please Type your Email Address. </p>
	            </div>
	          </div>

	          <div class="form-group">
	            <label class="control-label required" for="register_nickname">Choose your username</label>
	            <div class="controls">
	              <input type="text" id="register_nickname" name="register[nickname]" required="required" class="form-control input-sm" data-url="/register/nickname/check" data-widget-cid="widget-4" data-explain="Don't worry, you can change it later">
	              <p class="help-block">Don't worry, you can change it later</p>
	            </div>
	          </div>

	          <div class="form-group">
	            <label class="control-label required" for="register_password">Create your password</label>
	            <div class="controls">
	              <input type="password" id="register_password" name="register[password]" required="required" class="form-control input-sm" data-widget-cid="widget-2" data-explain="6 characters or more! Be tricky.">
	              <p class="help-block">6 characters or more! Be tricky.</p>
	            </div>
	          </div>

	          <div class="form-group">
	            <label class="control-label required" for="register_confirmPassword">Confirm your password</label>
	            <div class="controls">
	              <input type="password" id="register_confirmPassword" name="register[confirmPassword]" required="required" class="form-control input-sm" data-widget-cid="widget-3" data-explain="Re-type your password">
	              <p class="help-block">Re-type your password</p>
	            </div>
	          </div>

	          <div class="form-group">
	            <div class="controls">
	              <input type="hidden" id="register__token" name="register[_token]" value="10bad8356a74963b2bdd8838484350ad5a3939c6">
	              <button type="submit" class="btn btn-primary btn-large btn-block">Create my account</button>
	            </div>
	          </div>

	          <input type="hidden" name="_csrf_token" value="{{ csrf_token('site') }}">
	        </form>
      	</div>
  	</div>
</div>
{% endblock %}